<!DOCTYPE html>
<html lang='en'>

<head>
   <meta charset='UTF-8'>
   <meta name='viewport' content='width=device-width, initial-scale=1.0'>
   <meta http-equiv='X-UA-Compatible' content='ie=edge'>
   <title>小米有品</title>
   <link rel="stylesheet" href="../css/reset.css">
   <link rel="stylesheet" href="../css/index.css">
   <link rel="stylesheet" href="../css/swiper.css">
</head>

<body>
   <noscript>你没有可执行的JavaScript脚本</noscript>
   <!-- 顶部 -->
   <header>
      <div class="head-con">
         <div class="login">
            <a href="#" id="login">登录</a>
            <a href="#" id="register">注册</a>|
         </div>
         <div class="help">
            <a href="">帮助中心</a>|
         </div>
         <div class="download">
            <a href="">下载APP</a>|
         </div>
         <div class="agreement">
            <a href="">资质证照/协议规则</a>
         </div>
      </div>
   </header>
   <!-- 主页 -->
   <div class="index">
      <!-- logo导航栏 -->
      <div class="logo_nav">
         <div class="logo">
            <a href="index.html">
               <img src="../static/images/logo.png" alt="">
            </a>
         </div>
         <div class="list">
            <a href="">现时抢购</a>
            <a href="">企业采购</a>
         </div>
         <div class="search">
            <svg class="icon" aria-hidden="true">
               <use xlink:href="#icon-sousuo"></use>
            </svg>
            <input type="text" placeholder="搜索" style="border: none;" value>
         </div>
         <div class="buy">
            <a href="cart.html">
               <svg class="icon" aria-hidden="true">
                  <use xlink:href="#icon-gouwuche"></use>
               </svg>
            </a>
         </div>
      </div>
      <!-- 导航 -->
      <div class="banner-con">
         <div class="nav">
            <!-- 一级菜单 -->
            <div class="first-menu">
               <ul>
                  <li class="bgc">
                     <span>有品推荐</span>
                     <span>/</span>
                     <span>手机数码</span>
                  </li>
                  <li>
                     <span>家用电器</span>
                     <span>/</span>
                     <span>智能家庭</span>
                  </li>
                  <li>
                     <span>美食酒饮</span>
                     <span>/</span>
                     <span>家居家装</span>
                  </li>
                  <li>
                     <span>电脑办公</span>
                     <span>/</span>
                     <span>出行车品</span>
                  </li>
                  <li>
                     <span>服装配饰</span>
                     <span>/</span>
                     <span>运动户外</span>
                  </li>
                  <li>
                     <span>健康保健</span>
                     <span>/</span>
                     <span>日用文创</span>
                  </li>
                  <li>
                     <span>美妆个护</span>
                     <span>/</span>
                     <span>鞋靴箱包</span>
                  </li>
                  <li>
                     <span>家纺餐厨</span>
                     <span>/</span>
                     <span>母婴亲子</span>
                  </li>
                  <li>
                     <span>宠物生活</span>
                     <span>/</span>
                     <span>有品海购</span>
                  </li>
                  <li>
                     <span>DLAB</span>
                  </li>
               </ul>
            </div>
            <!-- 二级菜单 -->
            <div class="sec-menu hide">
               <div class="sec-menu-box">
                  <div class="sec-menu-box-title">有品推荐</div>
                  <div class="sec-menu-box-con">
                     <ul><li>精选··· ></li></ul>
                     <ul>
                        <li>a</li>
                        <li>b</li>
                        <li>c</li>
                     </ul>
                  </div>
               </div>
               <div class="sec-menu-box">
                  <div class="sec-menu-box-title">cba</div>
                  <div class="sec-menu-box-con">
                     <ul><li>精选··· ></li></ul>
                     <ul>
                        <li>c</li>
                        <li>b</li>
                        <li>a</li>
                     </ul>
                  </div>
               </div>
               <div class="sec-menu-box">
                  <div class="sec-menu-box-title">abc</div>
                  <div class="sec-menu-box-con">
                     <ul><li>精选··· ></li></ul>
                     <ul>
                        <li>a</li>
                        <li>b</li>
                        <li>c</li>
                     </ul>
                  </div>
               </div>
               <div class="sec-menu-box">
                  <div class="sec-menu-box-title">cba</div>
                  <div class="sec-menu-box-con">
                     <ul><li>精选··· ></li></ul>
                     <ul>
                        <li>c</li>
                        <li>b</li>
                        <li>a</li>
                     </ul>
                  </div>
               </div>
               <div class="sec-menu-box">
                  <div class="sec-menu-box-title">abc</div>
                  <div class="sec-menu-box-con">
                     <ul><li>精选··· ></li></ul>
                     <ul>
                        <li>a</li>
                        <li>b</li>
                        <li>c</li>
                     </ul>
                  </div>
               </div>
               <div class="sec-menu-box">
                  <div class="sec-menu-box-title">cba</div>
                  <div class="sec-menu-box-con">
                     <ul><li>精选··· ></li></ul>
                     <ul>
                        <li>c</li>
                        <li>b</li>
                        <li>a</li>
                     </ul>
                  </div>
               </div>
               <div class="sec-menu-box">
                  <div class="sec-menu-box-title">abc</div>
                  <div class="sec-menu-box-con">
                     <ul><li>精选··· ></li></ul>
                     <ul>
                        <li>a</li>
                        <li>b</li>
                        <li>c</li>
                     </ul>
                  </div>
               </div>
               <div class="sec-menu-box">
                  <div class="sec-menu-box-title">cba</div>
                  <div class="sec-menu-box-con">
                     <ul><li>精选··· ></li></ul>
                     <ul>
                        <li>c</li>
                        <li>b</li>
                        <li>a</li>
                     </ul>
                  </div>
               </div>
               <div class="sec-menu-box">
                  <div class="sec-menu-box-title">abc</div>
                  <div class="sec-menu-box-con">
                     <ul><li>精选··· ></li></ul>
                     <ul>
                        <li>a</li>
                        <li>b</li>
                        <li>c</li>
                     </ul>
                  </div>
               </div>
               <div class="sec-menu-box">
                  <div class="sec-menu-box-title">cba</div>
                  <div class="sec-menu-box-con">
                     <ul><li>精选··· ></li></ul>
                     <ul>
                        <li>c</li>
                        <li>b</li>
                        <li>a</li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
         <!-- 轮播 -->
         <div class="banner">
            <div class="swiper-container">
               <div class="swiper-wrapper">
                  <div class="swiper-slide"><img src="../static/images/2.png" alt=""></div>
                  <div class="swiper-slide"><img src="../static/images/banner_01.jpeg" alt=""></div>
                  <div class="swiper-slide"><img src="../static/images/banner_03.png" alt=""></div>
                  <div class="swiper-slide"><img src="../static/images/banner_04.png" alt=""></div>
                  <div class="swiper-slide"><img src="../static/images/banner_05.jpeg" alt=""></div>
               </div>
               <!-- Add Pagination -->
               <div class="swiper-pagination"></div>
               <!-- Add Arrows -->
               <div class="swiper-button-next"></div>
               <div class="swiper-button-prev"></div>
            </div>

         </div>

      </div>

      <!-- 右侧固定栏 -->
      <div class="fixed">
         <!-- 一级栏 -->
         <div class="fixop">
         <ul>
            <li><svg class="icon" aria-hidden="true">
                  <use xlink:href="#icon-kefu"></use>
               </svg><a>联系客服</a></li>
            <li><svg class="icon" aria-hidden="true">
                  <use xlink:href="#icon-saoma"></use>
               </svg><a>下载APP</a></li>
            <li><svg class="icon" aria-hidden="true">
                  <use xlink:href="#icon-liwuhuodong"></use>
               </svg><a>新人有礼</a></li>
            <li><svg class="icon" aria-hidden="true">
                  <use xlink:href="#icon-weixin"></use>
               </svg><a>关注微信</a></li>
            <li><svg class="icon" aria-hidden="true">
                  <use xlink:href="#icon-huojian"></use>
               </svg><a>回到顶部</a></li>
         </ul>
         </div>
         <!-- 固定栏hover扩展栏 -->
         <div class="poption">
         <div class="fix"></div>
         <div class="fix"></div>
         <div class="fix"></div>
         <div class="fix"></div>
         </div>
      </div>
      
      <!-- 推荐导航栏 -->
      <div class="container">
         <ul>
            <li><img src="https://img.youpin.mi-img.com/jianyu/3b9f8b4e5a1639cafbb3be08cba9963a.png?w=126&h=126"
                  alt=""><a href="">上新精选</a></li>
            <li><img src="https://img.youpin.mi-img.com/jianyu/531253430ba83f5b88e4ae92cb5a197c.png?w=126&h=126"
                  alt=""><a href="">小米众筹</a></li>
            <li><img src="https://img.youpin.mi-img.com/jianyu/7a255e71670b9ef4a90723223265b5c5.png?w=126&h=126"
                  alt=""><a href="">有品秒杀</a></li>
            <li><img src="https://res.youpin.mi-img.com/jianyu/2621f63a_0045_44e5_a127_0389995d79e1.png?w=126&h=126"
                  alt=""><a href="">生活优选</a></li>
            <li><img src="https://img.youpin.mi-img.com/jianyu/52ec26cccb4d945aa4bacac4ec7c4622.png?w=126&h=126"
                  alt=""><a href="">小米自营</a></li>
         </ul>
      </div>
      <!-- 商品内容 -->
      <!-- 小米众筹 -->
      <div class="shop-Crowdfunding">
         <div class="title">
            <div><span>小米有品众筹</span>
               <span>永远好奇 永远年轻</span>
            </div>
            <span><a
                  href="https://m.xiaomiyoupin.com/w/crowdfundV2?_rt=weex&pageid=6425&sign=a31558dc483536c81f38a701b1cbefce&pdl=jianyu">更多&nbsp;></a></span>
         </div>
         <div class="content">
            <div class="box1">
               <div class="title">
                  <!-- https://www.xiaomiyoupin.com/detail?gid=149333&spmref=M_H5.6425.138280.2.10257720&scmv2_num=1 -->
                  <p>加热方向盘套</p>
                  <p>5分钟快速加热15°C，抗菌材质，呵···</p>
                  <p>￥ 49起</p>
               </div>
               <div class="img"><img src="../static/images/11.png" alt=""></div>
            </div>
            <div class="box2">
               <div class="title">
                  <!-- https://www.xiaomiyoupin.com/detail?gid=146909&spmref=YouPinPC.$Home$.list.0.90311107 -->
                  <p>智能恒温水暖垫</p>
                  <p>￥ 399起</p>
               </div>
               <div class="img"><img src="../static/images/22.png" alt=""></div>
            </div>
            <div class="box3">
               <div class="title">
                  <!-- https://www.xiaomiyoupin.com/detail?gid=149026&spmref=M_H5.6425.138280.4.20244674&scmv2_num=1 -->
                  <p>石墨烯智能护腰带</p>
                  <p>￥ 119起</p>
               </div>
               <div class="img"><img src="../static/images/33.png" alt=""></div>
            </div>
         </div>
      </div>
      <!-- 底部 -->
      <div class="bottom">
         <div class="bo-con">
            <div class="logo">
               <img src="../static/images/logo.png" alt="">
            </div>
            <div class="con">
               <p>&copy;xiaomiyoupin.com 苏B2-20180351 苏ICP备18025642号-1 苏公安网备 320910502010244号</p>
               <p>企业名称： 有品信息科技有限公司 关于我们 入驻有品 知识产权侵权投诉</p>
               <p>平台运营资质证照 医疗器械网络交易服务第三方平台备案凭证</p>
               <p>小米有品平台运营主体变更公告</p>
               <p>南京市建邺区白龙江东街8号3栋9层</p>
            </div>
         </div>
      </div>
   </div>
   <!-- 遮罩层 -->
   <div class="hidden"></div>
   <!-- 登录需知 -->
   <div class="popwindow">
      <span class="close">×</span>
      <div class="agreement-container">
         <p class="title">声明与政策</p>
         <div class="content">
            <p>欢迎您来到小米有品！</p>
            <p>我们依据最新法律法规要求，制定并更新了<a target="_blank"
                  href="https://daren.xiaomiyoupin.com/ewen/pageFromId?id=cxsew05x0x0ch53v"
                  rel="noopener noreferrer">《隐私政策》</a><span class="color-gold">、</span><a target="_blank"
                  href="https://m.xiaomiyoupin.com/mr/60013c77c9e77c0001f35060"
                  rel="noopener noreferrer">《小米有品用户协议》</a>以及<a target="_blank"
                  href="https://m.xiaomiyoupin.com/mr/60014809cff47e0001f66ad6"
                  rel="noopener noreferrer">《小米帐号使用协议》</a>。</p>
            <p>您需要阅读并同意相关政策条款方可进行登录。</p>
            <div class="buttonlist">
               <div class="button_agree" id="btn01">登录</div>
               <div class="button_reject" id="btn02">注册</div>
            </div>
         </div>
      </div>
   </div>

</body>

</html>
<script src="../lib/jquery.min.js"></script>
<script
   src="https://at.alicdn.com/t/font_2835101_l0vcab30s9.js?spm=a313x.7781069.1998910419.41&file=font_2835101_l0vcab30s9.js"></script>
<script src="../js/popwindow.js"></script>
<script src="../lib/swiper.js"></script>
<script>
   var swiper = new Swiper('.swiper-container', {
      spaceBetween: 30,
      centeredSlides: true,
      autoplay: {
         delay: 2500,
         disableOnInteraction: false,
      },
      pagination: {
         el: '.swiper-pagination',
         clickable: true,
      },
      navigation: {
         nextEl: '.swiper-button-next',
         prevEl: '.swiper-button-prev',
      },
   });
</script>
<script src="../js/index.js"></script>